<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html>
<!--<![endif]-->

	<head>
		<base href="<%=basePath%>">
		
		<title>INF博物馆</title>
		
		<!-- META TAGS -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta name="author" content="CH.HUANG" />
		<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=Edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="shortcut icon" href="assets/images/favicon.ico" />

		<!-- Style Sheet-->
		<link rel='stylesheet' id='bootstrap-css-css' href='assets/css/bootstrap.css?ver=1.0' type='text/css' media='all' />
		<link rel='stylesheet' id='responsive-css-css' href='assets/css/responsive.css?ver=1.0' type='text/css' media='all' />
		<link rel='stylesheet' id='main-css-css' href='assets/css/main.css?ver=1.0' type='text/css' media='all' />
		<link rel='stylesheet' id='red-skin-css' href='assets/css/red-skin.css?ver=1.0' type='text/css' media='all' />
		<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/animate.min.css">
		<link href="assets/message/message.css" rel='stylesheet' type='text/css' />
		<!-- [if IE] > 
		<link href="assets/message/messageIE.css" rel='stylesheet' type='text/css' />
		<![endif] --> 
		<link href="assets/spop/spop.min.css" rel='stylesheet' type='text/css' />
		<link rel='stylesheet' type='text/css' href="assets/loading/loading.css" />
		<link rel="stylesheet" href="assets/backto_top/backto_top.css" />
		
		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
            <script src="assets/js/html5shiv.min.js"></script></script>
        <![endif]-->

	</head>

	<body>

		<!-- Start of Header -->
		<div class="header-wrapper">
			<header>
				<div class="container">

					<div class="logo-container">
						<!-- Website Logo -->
						<a href="pages/resource/index.html" title="资源博物馆" style="color: #FFFFFF; font-size: 28px;">
							<span>INF</span>-<span style="font-size: 26px;">MUSEUM</span>
						</a>
						<span class="tag-line" style="vertical-align: top; top: 10px;">资源博物馆</span>
					</div>

				</div>
			</header>
		</div>
		<!-- End of Header -->

		<!-- Start of Search Wrapper -->
		<div class="search-area-wrapper">
			<div id="resourceBean" class="search-area container">
				<div class="row" v-if="success">
					<div class="span6" style="color: #F0F0F0;">
						<p style="font-size: 24px; line-height:24px; margin-bottom: 10px;">
							<i :class="typeIcon(result.resourceType, result.resourceName, result.pathType)" style="margin-top: 12px;"></i>
							<span>{{result.resourceName}}</span>
						</p>
						<p style="font-size: 16px; line-height:22px; margin-bottom: 10px;">
							<span style="margin-right: 10px;">日期：{{splitDate(result.createTime)}}</span>
							<span v-if="result.pathType==0">大小：{{fileSize(result.resourceLength)}}</span><br />
							<span v-if="result.pathType==0" style="margin-right: 10px;">类型：{{result.resourceType}}</span>
						</p>
						<p style="font-size: 14px; line-height:20px">
							介绍：{{result.resourceIntroduction}}
						</p>
						<div style="display: -webkit-flex; display: flex; align-items: center;">
							地址：
							<input id="resPath" type="text" readonly="readonly" :value="path" style="flex:1; margin:0 5px; margin-bottom:0px;" />
							<button id="copyBtn" data-clipboard-target="#resPath" class="btn btn-info">复制</button>
						</div>
					</div>
					<div class="span6" style="text-align: center;">
						<div id="code" style="margin-bottom: 5px;"></div>
						<button class="button download-btn" style="width: 150px;" @click="download(result.pathType,result.resourceId,result.resourcePath)">
							<i class="fa fa-cloud-download" style="margin-right: 12px;"></i>{{uriType(result.pathType)}}	
						</button>
					</div>
				</div>
			</div>
		</div>
		<!-- End of Search Wrapper -->

		<!-- Start of Footer -->
		<footer id="footer-wrapper" style="position: absolute; bottom: 0px; left: 0px;">
			<div id="footer" class="container"></div>
			<!-- end of #footer -->

			<!-- Footer Bottom -->
			<div id="footer-bottom-wrapper">
				<div id="footer-bottom" class="container">
					<div class="row">
						<div class="span7">
							<p class="copyright">
								Copyright © 2018. INF博物馆
							</p>
						</div>
						<div class="span5">
							<a href="pages/system/login.html" target="_blank" style="color: #966e6c; float: right; margin-right: 20px;">后台管理-></a>
						</span>
					</div>
				</div>
			</div>
			<!-- End of Footer Bottom -->

		</footer>
		<!-- End of Footer -->
		
		<a href="javascript:void(0);" id="backto_top" ><img src="assets/backto_top/backto_top.gif"></a>

		<!-- script -->
		<script type="text/javascript" src="assets/js/jquery.min.js"></script>
		<script type="text/javascript" src="assets/js/vue.min.js" ></script>
		<script type="text/javascript" src="assets/js/fetch.min.js" ></script>
		<script type="text/javascript" src="assets/message/message.js" ></script>
		<script type="text/javascript" src="assets/spop/spop.min.js" ></script>
		<script type="text/javascript" src="assets/loading/loading.js" ></script>
		<script type="text/javascript" src="assets/backto_top/backto_top.js"></script>
		<script type="text/javascript" src="assets/js/qrcode.js" ></script>
		<script type="text/javascript" src="assets/js/jquery.qrcode.js" ></script>
		<script type="text/javascript" src="assets/clipboard/clipboard.min.js" ></script>
		<script type="text/javascript" src="assets/js/common.js"></script>
		<script type="text/javascript" src="assets/js/fetchFun.js"></script>
		<script type="text/javascript" src="pages/resource/js/resource.js"></script>
		<script type="text/javascript" src="pages/resource/js/res.js"></script>
		
	</body>

</html>